<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ScanListItemSample</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>

<style>
    .layui-card {
        margin-bottom: 15px;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 0 10px 1px rgba(36, 32, 55, .1);
        border: 1px #0C0C0C;
    }
</style>

<body style="background-color: white; padding: 10px">

<div class="layui-card">
    <div class="layui-card-body">
        卡片式面板面板通常用于非白色背景色的主体内<br>
        从而映衬出边框投影
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        卡片式面板面板通常用于非白色背景色的主体内<br>
        从而映衬出边框投影
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        卡片式面板面板通常用于非白色背景色的主体内<br>
        从而映衬出边框投影
    </div>
</div>

</body>
</html>